<template>
  <div>
    <van-nav-bar
      :z-index="999"
      :fixed="true"
      left-arrow
      @click-left="onClickLeft"
      :placeholder="true"
      title="全部班型"
    ></van-nav-bar>
    <div v-for="(item, index) in banks" :key="index" class="in-panel-bd">
      <van-cell class="class-cell">
        <template #icon>
          <div class="cl-style">{{item.type}}</div>
        </template>
        <template #title>
          <div class="cl-head justify">
            <div class="cl-tit">{{item.several}}</div>
            <div class="cl-price">￥{{item.price}}</div>
          </div>
          <div class="cl-attr">
            <span>{{item.welfare}}</span>
            <span class="line">|</span>
            <span>{{item.time}}</span>
            <span class="line">|</span>
            <span>{{item.number}}人一车</span>
          </div>
          <div class="cl-desc">
            <span class="hd">班型描述:</span>
            {{item.describe}}
          </div>
        </template>
      </van-cell>
    </div>
  </div>
</template>

<script>
export default {
  name: "CoachBanks",
  data() {
    return {
      banks: [
        {
          type: "C1",
          several: "保过班型",
          price: "5000",
          welfare: "教练接送",
          time: "周一至周五",
          number: "3",
          describe: "交通便利,中山路白佛地铁站600米"
        },
        {
          type: "C1",
          several: "VIP班",
          price: "3000",
          welfare: "教练接送",
          time: "周一至周五",
          number: "2",
          describe: "交通便利,中山路白佛地铁站600米"
        }
      ]
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  },
    created(){
    let dsBridge = require("dsbridge");
         dsBridge.call("goBack","", function() {
           history.go(-1);
         });
   },
};
</script>

<style>
</style>